<template>
    <image :style="{
		width: width,
		height: height ? height : 'auto'
	}" lazy-load :mode="height ? mode : 'widthFix'" :src="src" class="van-image"></image>
</template>

<script>
export default {
    data(){
        return {
		}
    },
	mounted() {
	},
	computed: {
		mode() {
			return 'aspectFill'
		}
	},
    props: {
        width: {
            type: [Number, String],
            default: '100%'
        },
		height: {
		    type: [Number, String],
		    default: 0
		},
		fit: {
			type: String,
			default: 'cover'
		},
		src: {
			type: String,
			default: ''
		}
    },
    methods: {
    }
}
</script>